<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{bundle.EditClienteTitle}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:panelGroup id="messagePanel" layout="block">
                <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
            </h:panelGroup>
            <h:form>
                <p:panelGrid columns="2">                    
                    <p:outputLabel for="idCliente" value="CI-RUC:" />
                    <p:inputText id="idCliente" value="#{clienteController.selected.idCliente}" label="CI-RUC" 
                                 title="#{bundle.EditClienteTitle_idCliente}" required="true"
                                 requiredMessage="#{bundle.EditClienteRequiredMessage_idCliente}"
                        validatorMessage="Longitud minima de 3 caracteres" >      
                        <f:validateLength minimum="3" />
                    </p:inputText>

                    <p:outputLabel for="apellido" value="Apellido:" />
                    <p:inputText id="apellido" value="#{clienteController.selected.apellido}"  
                                validatorMessage="Longitud minima de 3 caracteres" required="true">
                       <f:validateLength minimum="3" />
                    </p:inputText>

                    <p:outputLabel for="direccion" value="Direccion: " />
                    <p:inputText id="direccion" value="#{clienteController.selected.direccion}" title="#{bundle.EditClienteTitle_direccion}"/>
                   
                                       
                    <p:outputLabel for="nombre" value="Nombre:"/>
                    <p:inputText id="nombre" value="#{clienteController.selected.nombre}" label="NOMBRE" 
                        validatorMessage="Longitud minima de 3 caracteres" required="true">      
                        <f:validateLength minimum="3" />
                    </p:inputText>
               
                    <p:outputLabel for="telefono" value="Telefono: " />
                    <p:inputMask id="telefono" value="#{clienteController.selected.telefono}" 
                                 mask="(9999) 999-999"  title="#{bundle.EditClienteTitle_telefono}" /> 

                </p:panelGrid>
                <br />
                <br />
                <h:commandLink action="#{clienteController.update}" value="#{bundle.EditClienteSaveLink}"/>
        
            </h:form>
        </ui:define>
    </ui:composition>

</html>
